{include file="/home/geeka813/public_html/smarty_templates/common.tpl"}

	<input type="hidden" id="email" value="{$email}"/>

	<!-- Container -->
	<section class="container row clearfix">
		<header class="clearfix">
			<nav id="main-menu" class="left navigation">
				<ul class="sf-menu no-bullet inline-list m0">
					<li><a href="index.php" class="active">Home</a></li>
					
					{foreach $menu1 as $menuItem}
					<li><a href="#">{$menuItem->name}</a>
						<ul class="sub-menu">
							{foreach $menuItem->submenus as $subMenuItem}
							<li><a href="{$subMenuItem->link}">{$subMenuItem->name}</a></li>
							{/foreach}
						</ul>
		    			</li>
		    			{/foreach}
				</ul>
			</nav>

			{* commented out as not currently implemented
			<div class="search-bar right clearfix">
				<form action="http://www.geekawhat.com/search.php">
					<input name="s" type="text" data-value="search" value="search">
					<input name="submit" type="submit" value="">
				</form>
			</div>
			*}
		</header>

                <br clear="all"/>

		<!-- Inner Container -->
		<section class="inner-container clearfix">
			<!-- Content -->

			<section>
				<article class="six column">
				        <h4 class="cat-title">{$title}</h4>
					<!--
					<applet id='ProjectApplet' style='display:block' code='ScratchApplet' codebase='/Scratch/' archive='ScratchApplet.jar' height='387' width='482'><param name='project' value='projects/Heli.sb'></applet>
					-->
						
					<object width="100%" height="387" type="application/x-shockwave-flash" data="/Scratch/Scratch.swf">
					<!--<object type="application/x-shockwave-flash" data="/Scratch/Scratch.swf">-->
                                        <param name="allowScriptAccess" value="always"><param name="allowFullScreen" value="true">
                                        <param name="flashvars" value="project=/Scratch/projects/{$gameid}/{$gameid}.sb"></object>	
				</article>	
				<article class="five column">
				        <br clear="all"/>
				        <br clear="all"/>
				        <p>Author: {$name}</p>
				        <br clear="all"/>
				        <p>Instructions: {$instructions}</p>
				</article>
			</section>

			<section id="content" class="eight column row pull-left">
				
				<br clear="all"/>
				<br clear="all"/>

                                <div id="disqus_thread"></div>
                                <script type="text/javascript">

                                   var disqus_shortname = 'geekawhat'; // required: replace example with your forum shortname
                                   var disqus_identifier = 'scratch_game{$gameid}';
                                   var disqus_title = 'Discuss Geekawhat {$gameid}';
                                   //var disqus_url = 'http://www.geekawhat.com/scratchgames{$gameid}.php';

                                  (function() {
                                      var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
                                      dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
                                      (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
                                   })();
                                </script>
                                <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
                                <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>

				<section class="row">
					<!-- Category posts -->
					{foreach $categoryPosts as $categoryPost}
					<article class="six column">
						<h4 class="cat-title"><a href="#">{$categoryPost->title}</a></h4>
						<div class="post-image">
							<a href="#"><img src="{$imagebaseurl}/{$categoryPost->image}" alt=""></a>
						</div>

						<div class="post-container">
							<h2 class="post-title">{$categoryPost->posttitle}</h2>
							{if $categoryPost->postcontent}
							<div class="post-content">
								<p>{$categoryPost->postcontent}</p>
							</div>
							{/if}
						</div>

						<div class="post-meta">
							{if $categoryPost->date}
							<span class="date"><a href="#">{$categoryPost->date}</a></span>
							{/if}
						</div>

						
					</article>
					{/foreach}
					<!-- End Category posts -->

				</section>

				
			</section>
			<!-- Content -->

		<!-- End Sidebar -->
			

			<!-- Footer -->
			<footer class="row clearfix">

				<div class="copyright clearfix">
					© Copyright 2013 Geekawhat
				</div>

				<div id="back-to-top" class="right">
					<a href="#top">Back to Top</a>
				</div>
			</footer>
			<!-- End Footer -->
		</section>
		<!-- End Inner Container -->
	</section>
	<!-- End Container -->

	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.superfish.js"></script>
	<script type="text/javascript" src="js/jquery.flexslider.min.js"></script>
	<script type="text/javascript" src="js/jquery.fancybox.js"></script>
	<script type="text/javascript" src="js/jcarousel.js"></script>
	<script type="text/javascript" src="js/jquery.masonry.min.js"></script>
	<script type="text/javascript" src="js/script.js"></script>
	<script type="text/javascript" src="/js/scratchgame.js"></script>

	
</body>
</html>